<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="${content.tagStr!}" http-equiv="keywords" />
    <meta content="${content.description!}" http-equiv="description" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>${site.name}</title>
    <!-- Chosen CSS -->
    <link href="/${res}/css/swiper.css" rel="stylesheet">
    <!-- Custom Main StyleSheet CSS -->
    <link href="/${res}/style.css" rel="stylesheet">
    <!-- Color CSS -->
    <link href="/${res}/css/color.css" rel="stylesheet">
    <!-- Responsive CSS -->
    <link href="/${res}/css/responsive.css" rel="stylesheet">

    <link rel="stylesheet" href="${resSys}/APlayer/APlayer.min.css">
    <!--Jquery Library-->
    <script src="${resSys}/jquery.js" type="text/javascript"></script>
    <script src="${resSys}/front.js" type="text/javascript"></script>

    <script src="${resSys}/ckplayer/ckplayer.js" type="text/javascript"></script>
    <script src="${resSys}/ckplayer/offlights.js" type="text/javascript"></script>

    <style type="text/css">
        .gt_blog_single_wrap ul.gt_scl_icon {
            text-align: center;
        }
        .gt_blog_single_wrap ul.gt_scl_icon{
            float: left;
        }
    </style>
</head>

<script type="text/javascript">
$(function() {
Cms.viewCount("${base}","${content.id}");
});
</script>
<body>

<!--gt Wrapper Start-->
<div class="gt_wrapper">
    <!--Header Wrap Start-->
    [#include "../include/nav2.html"/]
    <!--Header Wrap End-->

    <!--Sub Banner Wrap Start -->
    <div class="gt_sub_banner_bg default_width">
        <div class="container">
            <div class="gt_sub_banner_hdg  default_width">
                <h2>${channel.name!}</h2>
            </div>
        </div>
    </div>
    <!--Sub Banner Wrap End -->
    <!--Breadcrumb Wrap End -->
    [#include "../include/location.html"/]
    <!--Breadcrumb Wrap End -->

    <!--Main Content Wrap Start-->
    <div class="gt_content_wrap">
        <!--Blog Listing Wrap Start-->
        <section class="gt_courses_bg">
            <div class="container">
                <div class="row">
                    <!--Blog Listing List Wrap Start-->
                    <div class="col-md-8">
                        <div class="gt_blog_single_wrap gt_blog_detail_wrap default_width mb30">
                            <figure>
                                <img src="" alt="">
                            </figure>
                            <div class="gt_listing_des default_width">
                                <h6 style="margin: 10px 0px 10px 0px;">${content.title}</h6>
                                <div class="gt_cd_mata_wrap default_width">
                                    <ul>
                                        <li>
                                            <div class="gt_course_meta_des">
                                                <h6>${content.author!'正心正举'}</h6>
                                                <span>${content.releaseDate}</span>
                                            </div>
                                        </li>
                                        <li>
                                            <i class="icon-book"></i>
                                            <div class="gt_course_meta_des">
                                                <h6>收藏</h6>
                                            </div>
                                        </li>
                                        <li>
                                            [#if channel.allowShare]
                                            <ul class="gt_scl_icon">
                                                <li><a class="bg_fb" href="#"><i class="fa fa-weixin"></i></a></li>
                                                <li><a class="bg_twitter" href="#"><i class="fa fa-qq"></i></a></li>
                                                <li><a class="bg_gp" href="#"><i class="fa fa-weibo"></i></a></li>
                                            </ul>
                                            [/#if]
                                        </li>
                                    </ul>
                                </div>

                                <div id="player" class="aplayer gt_listing_des default_width"></div>

                                <p> ${txt!}</p>
                                <div class="gt_tag_wrap default_width">
                                    <ul>
                                        <h6>打赏</h6>
                                    </ul>
                                    <ul class="gt_scl_icon">
                                        <li><a class="bg_fb" href="${base}/content/reward.jspx?contentId=${content.id}" style="width: 5em; height: 5em;"><i class="fa fa-rmb fa-5x"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!--Comment Wrap Start-->
                        [#include "inc_comment_list.html"/]
                        <!--Comment Wrap End-->
                        <!--Add Acomment Wrap Start-->
                        [#include "inc_comment_input.html"/]
                        <!--Add Acomment Wrap End-->
                    </div>
                    <!--Blog Listing List Wrap End-->

                    <!--Aside Wrap End-->
                    <aside class="col-md-4">
                        [#include "../include/news_right.html"/]
                    </aside>
                    <!--Aside Wrap Start-->
                </div>
            </div>
        </section>
        <!--Blog Listing Wrap End-->
    </div>
    <!--Main Content Wrap End-->

    <!--Footer Wrap Start-->
    [#include "../include/footer.html"/]
    <!--Footer Wrap End-->

    <!--Back to Top Wrap Start-->
    <div class="back-to-top">
        <a href="#home"><i class="fa fa-angle-up"></i></a>
    </div>
    <!--Back to Top Wrap Start-->

</div>
<script type="text/javascript">
    $(function () {
        Cms.checkPerm("${base}", "${content.id}");
        Cms.collectCsi("${base}", "collectCsiDiv", "collect_csi", "${content.id}");
        Cms.attachment("${base}", "${content.id}", "${content.attachments?size}", "attach");
        Cms.viewCount("${base}", "${content.id}");
        Cms.siteFlow("${base}", location.href, document.referrer, "${site.config.flowSwitch?string}");
    });
</script>
<script src="${resSys}/APlayer/APlayer.min.js"></script>
<script>
    var ap1 = new APlayer({
        element: document.getElementById('player'),
        narrow: false,
        autoplay: true,
        showlrc: false,
        music: {
            title: '名称',
            author: 'Maroon 5',
            url: '${content.mediaPath!}',
            pic: '/${res}/images/logo.png'
        }
    });
    ap1.init();
</script>
<!--Bootstrap core JavaScript-->
<script src="/${res}/js/bootstrap.min.js"></script>
<!--Chosen JavaScript-->
<script src="/${res}/js/swiper.jquery.min.js"></script>
<!--Custom JavaScript-->
<script src="/${res}/js/custom.js"></script>

</body>
</html>